<template>
  <div>
    <el-button @click="handle">handle</el-button>
    <div i-ant-design:reddit-outlined icon></div>
    <svg-icon icon-name="svg-spinners:bars-scale"></svg-icon>
    <svg-icon
      icon-name="https://zishui.oss-cn-beijing.aliyuncs.com/BugFilled.svg"
      :custom-class="val"
      @click="handle"
    ></svg-icon>
  </div>
</template>

<script setup lang="ts">
defineOptions({
  name: "dashboard"
})
const a = ref(0)
const val = ref("text-blue")
const { proxy } = getCurrentInstance()!
const handle = () => {
  a.value++
  proxy!.$message("this a is: " + a.value)
}
setTimeout(() => {
  val.value = "text-red"
}, 2000)
</script>

<style lang="scss" scoped></style>
